body, html{ height:100%;}
html{ background: #F7F7F7; overflow-y:hidden;}
html.inframe{ overflow-y:auto;}
body{ font:12px/1.5 "\5FAE\8F6F\96C5\9ED1",arial, verdana, sans-serif;overflow:auto; position:relative;}
html.inframe body{ height:auto;}
iframe{ display: block;}
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,li, dl, dt, dd, form, a, fieldset, input, textarea, th, td, span{
    margin: 0; padding: 0;
    border: 0;/* outline: none;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
body,button,input,select,textarea{ font:12px/1.5 "\5FAE\8F6F\96C5\9ED1",arial, verdana, sans-serif}
ul, ol{list-style: none;}
table{border-collapse:collapse;}
a{color: #0E81FE;text-decoration: none;}
.nowrap{/*禁止换行*/
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.wrap{/*强制换行*/
    white-space:normal;
    word-break:break-all;/*支持IE，chrome，FF不支持*/
    word-wrap:break-word;/*支持IE，chrome，FF*/
}
.noselect{/*禁止选中*/
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.clearf:after{content:" ";display:block;height:0;clear:both}
.fa{ line-height: inherit;}
.topBlank{ margin-top:5px;}
.botBlank{ margin-bottom:5px;}
.t_green{ color:#48C40C;}
.t_red{ color:#F3837F;}
.t_yellow{ color:#FCB029;}
.t_blue{ color:#34A2F7;}
.t_white{ color:#fff;}
.loadingdata {
    font-size:1em;
    position: fixed;
    top:0; left:0;
    width:100%;
    height:100%;
    background:rgba(255, 255, 255, 0.5);
}
.loadingdata:after{
    content:' ';
    position:absolute;
    display:block;
    width:100%; height:100%;
    background:url('../images/loading.gif') center no-repeat;
}
/* 单选按钮 */
.radio-lab{ margin-left:5px;}
.radio-lab:first-child{ margin-left:0;}
.radio-lab>input{
    vertical-align: middle;
    margin-right:3px;
}
.txt-min,
.txt{
    -webkit-appearance:none;/* 改变iphone下默认风格 */
    height:40px;
    line-height: 38px;
    background-color: #fff;
    border: 1px solid #DADEE9;
    padding: 0 8px;
    border-radius:3px;
    vertical-align: middle;
}
.txt-min.dangerI,
.txt.dangerI{
    border-color: #CC0000;
    background-color: #FFF1F2;
}
.txt-min{
    height:30px;
    line-height: 28px;
}
select.txt-min{ padding:0 3px;}
select.txt{ padding:4px 3px;}
textarea.txt-min,
textarea.txt{ height:auto; line-height: 1.5;}
.txt-dp,
.txt-search,
.txt-date{
    background-repeat: no-repeat;
    background-position: 5px center;
    padding-left:40px;
    background-size: 30px 30px;
}
.txt-dp{ background-image: url('../icons/dropdown.png');}
.txt-search{ background-image: url('../icons/search.gif');}
.txt-date{ background-image: url('../icons/date.gif');}
.txt-min[disabled],
.txt-min.disabled
.txt[disabled],
.txt.disabled{
    cursor: not-allowed;
    background: #EBEBE4;
}
.btn-min,
.btn{
    -webkit-appearance:none;/* 改变iphone下默认风格 */
    display: inline-block;
    height: 23px; line-height: 23px;
    font-size: 12px;
    padding: 0 10px;
    /*border:solid 1px #3baeda;*/
    border: none;
    border-radius: 3px;
    background:#3baeda; color:#fff;
    vertical-align: middle;
    cursor:pointer;
    text-align:center;
}
.btn-min>.fa,
.btn>.fa{ width: 1.5em; text-align: left;}
.btn{
    height:40px;
    line-height: 40px;
    font-size: 18px;
    padding: 0 15px;
}
.btn-min:active,
.btn.hover{
    color: #fff;
    background-color: #378fda;
    border-color: #378fda;
}
.btn-default{
    color: inherit;
    background-color: #fff;
    border:solid 1px #D3D3D3;
}
.btn-min.btn-default{ line-height: 21px;}
.btn.btn-default{ line-height: 38px;}
.btn-default:active{
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-success{
    color: #fff;
    background-color: #a0d468;
    border-color: #a0d468;
}
.btn-success:active{
    color: #fff;
    background-color: #7bd43b;
    border-color: #7bd43b;
}
.btn-warn{
    color: #fff;
    background-color: #ffce55;
    border-color: #ffce55;
}
.btn-warn:active{
    color: #fff;
    background-color: #ffb148;
    border-color: #ffb148;
}
.btn-danger{
    color: #fff;
    background-color: #D95858;
    border-color: #D95858;
}
.btn-danger:active{
    color: #fff;
    background-color: #C9302C;
    border-color: #C9302C;
}
.btn-orange{
    color: #fff;
    background-color: #FD9234;
    border-color: #FD9234;
}
.btn-orange:active{
    color: #fff;
    background-color: #E96125;
    border-color: #E96125;
}
.btn-trans,
.btn-trans:active{
    background: none;
    border-color: transparent;
    color:inherit;
    outline: none;
}
.btn-min[disabled]
,.btn[disabled]
,.btn-min.disabled
,.btn.disabled{
    background-color: #EBEBE4;
    color: #ccc;
    border-color: #ccc;
    cursor: not-allowed;
}
.input-group{
    display: table;
    border-collapse: separate;
}
.input-group>.input-group-txt{
    display: table-cell;
    width: 100%;
    border-radius: 3px 0 0 3px;
}
.input-group>.input-group-btn{
    display: table-cell;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 0 3px 3px 0;
}
/** listtable **/
.listtableDiv{ }
.listtable{
    width:100%;
    table-layout: fixed;
}
.listtable>tbody>tr{
    background:#f9f9f9;
    text-align:left;
    font-weight: normal;
    color: #000;
}
.listtable>tbody>tr:nth-child(odd){ background:#fff;}
.listtable>tbody>tr:hover,
.listtable>tbody>tr:nth-child(odd):hover{background:#EDFFD6;}
.listtable>tbody>tr.nodata:hover{ background: none;}
.listtable>tbody>tr.trchk,/*选中行*/
.listtable>tbody>tr:nth-child(odd).trchk/*{ background: #EAF2FF;}*/,
.listtable>tbody>tr.now,
.listtable>tbody>tr:nth-child(odd).now{ background: #FBE8BD;}
.listtable>*>tr>th,
.listtable>*>tr>td{
    border-bottom: 1px solid #ddd;
    padding:8px 5px;
}
.listtable>thead>tr{
    text-align: center;
    font-size:12px;
    background: #d2d2d2; color:#000;
    font-weight: bold;
}
.listtable>thead>tr>th{ padding: 10px 5px;}
.listtable>*>tr>th.left,
.listtable>*>tr>td.left{ text-align: left}
.listtable>*>tr>th.right,
.listtable>*>tr>td.right{ text-align: right}
.listtable>*>tr>th.center,
.listtable>*>tr>td.center{ text-align: center}
.listtable>*>tr>td{
    font-size:12px;
    height:27px; line-height: 25px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.listtable td>.fa{
    font-size:18px;
    cursor:pointer;
}
.listtable td>.listtable-icobtn{
    display: inline-block;
    width: 16px; height: 16px;
    background:no-repeat;
    cursor: pointer;
}
.listtable>thead>tr>th .fa-sort{
    color: #fff;
    font-size: 12px;
    margin-left: .3em;
    cursor: pointer;
}
.listtable>*>tr>td.ctrltd{
    background: #ebebeb;
    color: #666;
    text-align: center;
}
.listtable-hasDp{
    position:relative;
    padding-right:20px;
}
.listtable-dp{
    cursor: pointer;
    position: absolute;
    top: 0; right: 0; bottom: 0;
    width: 20px;
    background: url("../icons/arrowDown.png") no-repeat center;
}
.listtable .txt-min,
.listtable .txt{ width: 100%; }
/* 表单 */
.formtable{
    width:97%;
    table-layout: fixed;
    white-space:normal;
    word-break:break-all;/*支持IE，chrome，FF不支持*/
    word-wrap:break-word;/*支持IE，chrome，FF*/
}
.formtable.hasRig{ width:100%;}
.formtable>*>tr>th,
.formtable>*>tr>td{
    text-align: left;
    font-weight: normal;
    color: #000000;
    padding:8px 5px;
}
.formtable>*>tr>th{ text-align: right; font-size:14px;}
.formtable>*>tr>th.left,
.formtable>*>tr>td.left{ text-align: left;}
.formtable>*>tr>th.center,
.formtable>*>tr>td.center{ text-align: center;}
.formtable>*>tr>th.right,
.formtable>*>tr>td.right{ text-align: right;}
.formtable>*>tr>.detailT{ font-weight: bold;}
.formtable>*>tr>*>.txt-min,
.formtable>*>tr>*>.txt{
    width: 100%;
    color:inherit;
}
.formtable>*>tr>*>.label{ vertical-align: middle; }
/** 下拉框 dropdown **/
.overlay{
    position:fixed;
    top:0; height:0;
    left:0; width:0;
    background: rgba(255,255,255,.01);
}
.overlay.overlay-modal{ bottom:0; height:auto; right:0; width:auto;}
.overlay-msg{
    position:fixed;
    top:0; left:0; right:0;
    background: rgba(0,0,0,.5);
    padding: 5px;
    color: #fff;
    text-align: center;
}
/* dragLoader */
.dragWrap{
    overflow-y: auto;
    position: absolute;
    top:0; bottom: 0;
    left: 0; width: 100%;
    -webkit-overflow-scrolling: touch;
}
.dragWrap>.dragCont{
    height:100%; overflow: auto;
}
.dragBefore,
.dragAfter{
    position: relative;
    width: 100%; height:0;
    display:none; overflow:hidden;
    color:#888;
}
.dragBefore.active,
.dragAfter.active{ display: block;}
.dragBefore>div,
.dragAfter>div {
    position: absolute;
    left: 0; width: 100%;
    height: 40px; line-height: 40px;
    font-size: 14px;
    padding-left:40px;
}
.dragBefore>div { bottom: 0;}
.dragAfter>div { top: 0;}
.dragIco{
    width:40px; height:40px;
    background:url("../images/dragIco.png") 0 0 no-repeat;
    background-size:40px 80px;
    position: absolute;
    top: 0; left:0;
    transition: transform 250ms;
    -webkit-transition: -webkit-transform 250ms;
}
.dragBefore [data-drag="default"] .dragIco,
.dragAfter [data-drag="prepare"] .dragIco{
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
}
.dragBefore [data-drag="prepare"] .dragIco,
.dragAfter [data-drag="default"] .dragIco{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}
[data-drag="load"] .dragIco{
    background-position: 0 100%;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transition-duration: 0ms;
    -webkit-animation-name: dragLoading;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}
@-webkit-keyframes dragLoading {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}